/* = селекторы = */

/* элемент: <h1> */
h1 {
 color: red;
}

/* класс: <div class="hcl"> */
.hcl {
 color: red;
}

/* id: <div id="hid"> */
#hid {
 color: red;
}

/* атрибут: <a title="any"> */
a[title] {
 color: red;
}

/* атрибут со значением: <a href="https://example.com"> */
a[href="https://example.com"] {
 color: red;
}

/* псевдокласс(состояние элемента): при наведении */
a:hover {
 color: red;
}

/* псевдоэлемент: "::first-line" - первая строка элемента <p> */
p::first-line {
 color: red;
}

/* комбинаторы, потомки: элемент <article> потомок <p> */
p article {
 color: red;
}

/* комбинаторы, дочерний: элемент <article> дочерний элемента <p> */
article > p {
 color: red;
}
изменён: 05 января 2024 г.